<template>
  <div class="timeClassifyWhole">
    <div :class="mainPart_filter">
      <div class="mainPart_filter_time">
        <span class="one"></span>
        <span class="two"></span>
        <a-range-picker showTime @ok="onOk"></a-range-picker>
      </div>
      <div class="mainPart_filter_but">
        <div class="delete" @click="onDelete">
          <img src="../../../../images/home-details/buttonInner-icon/icon-delete.png" alt />
          <span>删除</span>
        </div>
        <div class="edit" v-if="showFile.fileType == 1" @click="onEdit">
          <img src="../../../../images/home-details/operation-icon/icon-edit.png" alt />
          <span>编辑</span>
        </div>
        <div class="edit" v-if="showFile.fileType == 2" @click="onEditing">
          <img src="../../../../images/home-details/operation-icon/editing.png" alt />
          <span>剪辑</span>
        </div>
        <div class="download" @click="onDownload">
          <img src="../../../../images/home-details/buttonInner-icon/icon-download.png" alt />
          <span>下载</span>
        </div>
        <div class="report" @click="produceReport">
          <img
            src="../../../../images/home-details/buttonInner-icon/icon-productionStatement.png"
            alt
          />
          <span>生成报告</span>
        </div>
      </div>
      <div class="mainPart_filter_tab">
        <a-radio-group @change="getRadioVal" default-value="0" button-style="solid">
          <a-radio-button value="0" @click="radioVa(0)">全部({{ SurgeryNum.num }})</a-radio-button>
          <a-radio-button value="1" @click="radioVa(1)">图片({{ SurgeryNum.imageNum }})</a-radio-button>
          <a-radio-button value="2" @click="radioVa(2)">视频({{ SurgeryNum.videoNum }})</a-radio-button>
          <a-radio-button value="3" @click="radioVa(3)">语音({{ SurgeryNum.voiceNum }})</a-radio-button>
          <!-- <a-radio-button value="4" @click="radioVa(4)">文件({{ SurgeryNum.fileNum }})</a-radio-button>
          <a-radio-button value="5" @click="radioVa(5)">报告({{ SurgeryNum.reportNum }})</a-radio-button>-->
        </a-radio-group>
      </div>
    </div>
    <div class="content">
      <div class="left">
        <div class="left_">
          <a-radio-group
            class="aRadioGroup"
            v-model="value"
            @change="radioOnChange"
            v-for="(item,index) in plainOptions"
            :key="index"
            :defaultValue="item"
          >
            <a-radio class="radioStyle" :value="item">
              <div class="radioStyleTime">
                <span>{{item.fileName}}</span>
                <span>{{item.fileDate}}</span>
              </div>

              <div class="radio"></div>
              <div class="radioStyleImg">
                <img v-if="item.fileType == 1" :src="imgUrl+item.filePath" alt />
                <video v-if="item.fileType == 2" :src="imgUrl+item.filePath"></video>
                <img
                  class="fileImg"
                  v-if="item.fileType == 3"
                  src="../../../../images/home-details/file-icon/icon-audio.png"
                  alt
                />
                <img
                  class="fileImg"
                  v-if="item.filePath.slice(-3) == 'ptx' || item.filePath.slice(-3) == 'pdf' || item.filePath.slice(-3) == 'ppt'"
                  src="../../../../images/home-details/file-icon/icon-ppt.png"
                  alt
                />
                <img
                  class="fileImg"
                  v-if="item.filePath.slice(-3) == 'ocx' || item.filePath.slice(-3) == 'doc' || item.filePath.slice(-3) == 'ord'"
                  src="../../../../images/home-details/file-icon/icon-Word.png"
                  alt
                />
                <img
                  class="fileImg"
                  v-if="item.filePath.slice(-3) == 'xls' || item.filePath.slice(-3) == 'lsx' || item.filePath.slice(-3) == 'cel'"
                  src="../../../../images/home-details/file-icon/icon-xls.png"
                  alt
                />
                <img
                  class="fileImg"
                  v-if="item.fileType == 5"
                  src="../../../../images/home-details/file-icon/icon-report.png"
                  alt
                />
              </div>
            </a-radio>
          </a-radio-group>
        </div>
      </div>
      <div class="right" @mousemove="shadowMousemove(showFile.id)" @mouseout="shadowMouseout">
        <div :class="noData" v-if="emptyData">
          <img :src="img1" alt />
          <span>暂无数据</span>
        </div>
        <div class="filePage">
          <img v-if="showFile.fileType == 1" :src="imgUrl+showFile.filePath" alt />
          <video
            id="myVideo"
            :preload="preload"
            :controls="controls"
            v-if="showFile.fileType == 2"
            :src="imgUrl + showFile.filePath + '?t=' + new Date().getTime()"
            type="video/mp4"
          ></video>
          <div class="showAudio" v-if="showFile.fileType == 3">
            <img src="../../../../images/home-details/audio.png" alt />
            <audio :src="imgUrl + showFile.filePath" controls="controls"></audio>
          </div>

          <iframe
            v-if="showFile.fileTypee == 'pdf' && showFile.fileType == 4"
            :src="imgUrl + showFile.filePath+'#toolbar=0'"
            width="100%"
            height="100%"
          ></iframe>
          <div class="Loading" v-show="Loading1">
            <a-spin tip="Loading..."></a-spin>
          </div>
          <iframe
            id="fileIframe"
            v-if="showFile.fileTypee != 'pdf' && showFile.fileType == 4"
            :src="imgUrl + showFile1.filePath+'#toolbar=0'"
            width="100%"
            height="100%"
          ></iframe>
          <div :class="noData" v-if="showFile.fileType == 5">
            <img :src="img1" alt />
            <span>报告需下载预览</span>
          </div>
        </div>
      </div>
    </div>
    <imgDraw
      :imgEdit="imgEdit"
      :operationId="operationId"
      ref="imgDraw"
      class="imgDraw"
      v-if="imgShow"
    ></imgDraw>
    <videoView
      style="position: absolute;top: 140px;background: #fff;height:600px;display:flex;flex-direction:column;z-index:10;border-radius:8px;"
      class="editingVideo"
      :videoView="imgUrl + showFile.filePath"
      :fileId="showFile.id"
      :typeName="typeName"
      v-if="videoViewShow1"
    ></videoView>

    <div class="selectReport" ref="selectReport">
      <a-modal
        class="Amodal AmodalFile"
        :visible="selectReportVisible"
        :confirm-loading="confirmLoading"
        @cancel="selectReportHandleCancel"
        :mask="false"
        title="选择报告模板"
        :maskClosable="false"
        :getContainer="() => $refs.selectReport"
      >
        <template slot="footer">
          <a-button class="butSave" @click="selectReportHandleOk">确认</a-button>
          <a-button @click="selectReportHandleCancel" class="butReset">取消</a-button>
        </template>

        <a-table
          class="addBasicsAtable"
          :columns="selectColumns"
          :data-source="selectData"
          :row-selection="{
            type: 'radio',
            selectedRowKeys: selectedRowKeys,
            onChange: onSelectChange,
          }"
          :customRow="customRow"
          :pagination="false"
        ></a-table>
      </a-modal>
    </div>

    <div class="amodalReport" ref="amodalReport">
      <a-modal
        class="Amodal AmodalFile"
        :visible="reportVisible"
        :confirm-loading="confirmLoading"
        @cancel="reportHandleCancel"
        :mask="false"
        title="生成报告"
        :maskClosable="false"
        :getContainer="() => $refs.amodalReport"
      >
        <template slot="footer">
          <a-button class="butSave" @click="reportHandleOk">确认</a-button>
          <a-button @click="reportHandleCancel" class="butReset">取消</a-button>
        </template>

        <div class="messageShow">
          <!-- <div class="messagePassword">
            <div class="title">
              <span>密码</span>
            </div>
            <div class="mespassword">
              <a-input v-model="messagePasswordStr" placeholder="请输入密码！" />
            </div>
          </div> -->
          <div class="message">
            <div class="title">
              <span>基本信息</span>
            </div>
            <div class="bottom">
              <div class="one" v-for="(item, index) in generateInfo.list" :key="index">
                <span class="left">{{ item.showName }}</span>
                <span class="right">{{ item.fieldValue }}</span>
              </div>
            </div>
          </div>
          <div class="mesImg">
            <div class="title">
              <span>图片</span>
            </div>
            <div class="bottom">
              <div class="Tartan" v-if="generateInfo.imageLayout == 1">
                <div class="oneTartan Tartan_Tartan" @click="TartanClick('oneTartan:1')">
                  <div
                    class="videoClose"
                    v-if="oneTartan.length != 0"
                    @click.stop="onClone('oneTartan:1')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="oneTartan.length == 0" type="plus" />
                  <img
                    class="seleImg"
                    v-if="oneTartan.length != 0"
                    :src="imgUrl + oneTartan.filePath"
                    alt
                  />
                </div>
              </div>
              <div class="Tartan" v-if="generateInfo.imageLayout == 2">
                <div class="twoTartan Tartan_Tartan" @click="TartanClick('twoTartan:1')">
                  <div
                    class="videoClose"
                    v-if="twoTartanOne.length != 0"
                    @click.stop="onClone('twoTartan:1')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="twoTartanOne.length == 0" type="plus" />
                  <img
                    class="seleImg"
                    v-if="twoTartanOne.length != 0"
                    :src="imgUrl + twoTartanOne.filePath"
                    alt
                  />
                </div>
                <div class="twoTartan Tartan_Tartan" @click="TartanClick('twoTartan:2')">
                  <div
                    class="videoClose"
                    v-if="twoTartanTwo.length != 0"
                    @click.stop="onClone('twoTartan:2')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="twoTartanTwo.length == 0" type="plus" />
                  <img
                    class="seleImg"
                    v-if="twoTartanTwo.length != 0"
                    :src="imgUrl + twoTartanTwo.filePath"
                    alt
                  />
                </div>
              </div>
              <div class="Tartan1" v-if="generateInfo.imageLayout == 3">
                <div class="fourTartan Tartan_Tartan" @click="TartanClick('fourTartan:1')">
                  <div
                    class="videoClose"
                    v-if="fourTartanOne.length != 0"
                    @click.stop="onClone('fourTartan:1')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="fourTartanOne.length == 0" type="plus" />
                  <img
                    class="seleImg"
                    v-if="fourTartanOne.length != 0"
                    :src="imgUrl + fourTartanOne.filePath"
                    alt
                  />
                </div>
                <div class="fourTartan Tartan_Tartan" @click="TartanClick('fourTartan:2')">
                  <div
                    class="videoClose"
                    v-if="fourTartanTwo.length != 0"
                    @click.stop="onClone('fourTartan:2')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="fourTartanTwo.length == 0" type="plus" />
                  <img
                    class="seleImg"
                    v-if="fourTartanTwo.length != 0"
                    :src="imgUrl + fourTartanTwo.filePath"
                    alt
                  />
                </div>
                <div class="fourTartan Tartan_Tartan" @click="TartanClick('fourTartan:3')">
                  <div
                    class="videoClose"
                    v-if="fourTartanThree.length != 0"
                    @click.stop="onClone('fourTartan:3')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="fourTartanThree.length == 0" type="plus" />
                  <img
                    class="seleImg"
                    v-if="fourTartanThree.length != 0"
                    :src="imgUrl + fourTartanThree.filePath"
                    alt
                  />
                </div>
                <div class="fourTartan Tartan_Tartan" @click="TartanClick('fourTartan:4')">
                  <div
                    class="videoClose"
                    v-if="fourTartanFour.length != 0"
                    @click.stop="onClone('fourTartan:4')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="fourTartanFour.length == 0" type="plus" />
                  <img
                    class="seleImg"
                    v-if="fourTartanFour.length != 0"
                    :src="imgUrl + fourTartanFour.filePath"
                    alt
                  />
                </div>
              </div>
              <div class="Tartan" v-if="generateInfo.imageLayout == 4">
                <div class="sixTartan Tartan_Tartan" @click="TartanClick('sixTartan:1')">
                  <div
                    class="videoClose"
                    v-if="sixTartanOne.length != 0"
                    @click.stop="onClone('sixTartan:1')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="sixTartanOne.length == 0" type="plus" />
                  <img
                    class="seleImg"
                    v-if="sixTartanOne.length != 0"
                    :src="imgUrl + sixTartanOne.filePath"
                    alt
                  />
                </div>
                <div class="sixTartan Tartan_Tartan" @click="TartanClick('sixTartan:2')">
                  <div
                    class="videoClose"
                    v-if="sixTartanTwo.length != 0"
                    @click.stop="onClone('sixTartan:2')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="sixTartanTwo.length == 0" type="plus" />
                  <img
                    class="seleImg"
                    v-if="sixTartanTwo.length != 0"
                    :src="imgUrl + sixTartanTwo.filePath"
                    alt
                  />
                </div>
                <div class="sixTartan Tartan_Tartan" @click="TartanClick('sixTartan:3')">
                  <div
                    class="videoClose"
                    v-if="sixTartanThree.length != 0"
                    @click.stop="onClone('sixTartan:3')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="sixTartanThree.length == 0" type="plus" />
                  <img
                    class="seleImg"
                    v-if="sixTartanThree.length != 0"
                    :src="imgUrl + sixTartanThree.filePath"
                    alt
                  />
                </div>
                <div class="sixTartan Tartan_Tartan" @click="TartanClick('sixTartan:4')">
                  <div
                    class="videoClose"
                    v-if="sixTartanFour.length != 0"
                    @click.stop="onClone('sixTartan:4')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="sixTartanFour.length == 0" type="plus" />
                  <img
                    class="seleImg"
                    v-if="sixTartanFour.length != 0"
                    :src="imgUrl + sixTartanFour.filePath"
                    alt
                  />
                </div>
                <div class="sixTartan Tartan_Tartan" @click="TartanClick('sixTartan:5')">
                  <div
                    class="videoClose"
                    v-if="sixTartanFive.length != 0"
                    @click.stop="onClone('sixTartan:5')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="sixTartanFive.length == 0" type="plus" />
                  <img
                    class="seleImg"
                    v-if="sixTartanFive.length != 0"
                    :src="imgUrl + sixTartanFive.filePath"
                    alt
                  />
                </div>
                <div class="sixTartan Tartan_Tartan" @click="TartanClick('sixTartan:6')">
                  <div
                    class="videoClose"
                    v-if="sixTartanSix.length != 0"
                    @click.stop="onClone('sixTartan:6')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="sixTartanSix.length == 0" type="plus" />
                  <img
                    class="seleImg"
                    v-if="sixTartanSix.length != 0"
                    :src="imgUrl + sixTartanSix.filePath"
                    alt
                  />
                </div>
              </div>
              <div class="Tartan" v-if="generateInfo.imageLayout == 5">
                <div class="nineTartan Tartan_Tartan" @click="TartanClick('nineTartan:1')">
                  <div
                    class="videoClose"
                    v-if="nineTartanOne.length != 0"
                    @click.stop="onClone('nineTartan:1')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="nineTartanOne.length == 0" type="plus" />
                  <img
                    class="seleImg"
                    v-if="nineTartanOne.length != 0"
                    :src="imgUrl + nineTartanOne.filePath"
                    alt
                  />
                </div>
                <div class="nineTartan Tartan_Tartan" @click="TartanClick('nineTartan:2')">
                  <div
                    class="videoClose"
                    v-if="nineTartanTwo.length != 0"
                    @click.stop="onClone('nineTartan:2')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="nineTartanTwo.length == 0" type="plus" />
                  <img
                    class="seleImg"
                    v-if="nineTartanTwo.length != 0"
                    :src="imgUrl + nineTartanTwo.filePath"
                    alt
                  />
                </div>
                <div class="nineTartan Tartan_Tartan" @click="TartanClick('nineTartan:3')">
                  <div
                    class="videoClose"
                    v-if="nineTartanThree.length != 0"
                    @click.stop="onClone('nineTartan:3')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="nineTartanThree.length == 0" type="plus" />
                  <img
                    class="seleImg"
                    v-if="nineTartanThree.length != 0"
                    :src="imgUrl + nineTartanThree.filePath"
                    alt
                  />
                </div>
                <div class="nineTartan Tartan_Tartan" @click="TartanClick('nineTartan:4')">
                  <div
                    class="videoClose"
                    v-if="nineTartanFour.length != 0"
                    @click.stop="onClone('nineTartan:4')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="nineTartanFour.length == 0" type="plus" />
                  <img
                    class="seleImg"
                    v-if="nineTartanFour.length != 0"
                    :src="imgUrl + nineTartanFour.filePath"
                    alt
                  />
                </div>
                <div class="nineTartan Tartan_Tartan" @click="TartanClick('nineTartan:5')">
                  <div
                    class="videoClose"
                    v-if="nineTartanFive.length != 0"
                    @click.stop="onClone('nineTartan:5')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="nineTartanFive.length == 0" type="plus" />
                  <img
                    class="seleImg"
                    v-if="nineTartanFive.length != 0"
                    :src="imgUrl + nineTartanFive.filePath"
                    alt
                  />
                </div>
                <div class="nineTartan Tartan_Tartan" @click="TartanClick('nineTartan:6')">
                  <div
                    class="videoClose"
                    v-if="nineTartanSix.length != 0"
                    @click.stop="onClone('nineTartan:6')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="nineTartanSix.length == 0" type="plus" />
                  <img
                    class="seleImg"
                    v-if="nineTartanSix.length != 0"
                    :src="imgUrl + nineTartanSix.filePath"
                    alt
                  />
                </div>
                <div class="nineTartan Tartan_Tartan" @click="TartanClick('nineTartan:7')">
                  <div
                    class="videoClose"
                    v-if="nineTartanQi.length != 0"
                    @click.stop="onClone('nineTartan:7')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="nineTartanQi.length == 0" type="plus" />
                  <img
                    class="seleImg"
                    v-if="nineTartanQi.length != 0"
                    :src="imgUrl + nineTartanQi.filePath"
                    alt
                  />
                </div>
                <div class="nineTartan Tartan_Tartan" @click="TartanClick('nineTartan:8')">
                  <div
                    class="videoClose"
                    v-if="nineTartanBa.length != 0"
                    @click.stop="onClone('nineTartan:8')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="nineTartanBa.length == 0" type="plus" />
                  <img
                    class="seleImg"
                    v-if="nineTartanBa.length != 0"
                    :src="imgUrl + nineTartanBa.filePath"
                    alt
                  />
                </div>
                <div class="nineTartan Tartan_Tartan" @click="TartanClick('nineTartan:9')">
                  <div
                    class="videoClose"
                    v-if="nineTartanNine.length != 0"
                    @click.stop="onClone('nineTartan:9')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="nineTartanNine.length == 0" type="plus" />
                  <img
                    class="seleImg"
                    v-if="nineTartanNine.length != 0"
                    :src="imgUrl + nineTartanNine.filePath"
                    alt
                  />
                </div>
              </div>
            </div>
          </div>

          <div class="mesImg mesVideo">
            <div class="title">
              <span>视频</span>
            </div>
            <div class="bottom">
              <div class="Tartan" v-if="generateInfo.videoLayout == 1">
                <div class="oneTartan Tartan_Tartan" @click="videoTartanClick('videooneTartan:1')">
                  <div
                    class="videoClose"
                    v-if="videooneTartan.length != 0"
                    @click.stop="onClone('videooneTartan:1')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="videooneTartan.length == 0" type="plus" />
                  <video
                    class="seleImg"
                    v-if="videooneTartan.length != 0"
                    :src="imgUrl + videooneTartan.filePath"
                  ></video>
                </div>
              </div>
              <div class="Tartan" v-if="generateInfo.videoLayout == 2">
                <div class="twoTartan Tartan_Tartan" @click="videoTartanClick('videotwoTartan:1')">
                  <div
                    class="videoClose"
                    v-if="videotwoTartanOne.length != 0"
                    @click.stop="onClone('videotwoTartan:1')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="videotwoTartanOne.length == 0" type="plus" />
                  <video
                    class="seleImg"
                    v-if="videotwoTartanOne.length != 0"
                    :src="imgUrl + videotwoTartanOne.filePath"
                  ></video>
                </div>
                <div class="twoTartan Tartan_Tartan" @click="videoTartanClick('videotwoTartan:2')">
                  <div
                    class="videoClose"
                    v-if="videotwoTartanTwo.length != 0"
                    @click.stop="onClone('videotwoTartan:2')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="videotwoTartanTwo.length == 0" type="plus" />
                  <video
                    class="seleImg"
                    v-if="videotwoTartanTwo.length != 0"
                    :src="imgUrl + videotwoTartanTwo.filePath"
                  ></video>
                </div>
              </div>
              <div class="Tartan1" v-if="generateInfo.videoLayout == 3">
                <div
                  class="fourTartan Tartan_Tartan"
                  title="videofourTartan:1"
                  @click="videoTartanClick('videofourTartan:1')"
                >
                  <div
                    class="videoClose"
                    v-if="videofourTartanOne.length != 0"
                    @click.stop="onClone('videofourTartan:1')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="videofourTartanOne.length == 0" type="plus" />
                  <video
                    class="seleImg"
                    v-if="videofourTartanOne.length != 0"
                    :src="imgUrl + videofourTartanOne.filePath"
                  ></video>
                </div>
                <div
                  class="fourTartan Tartan_Tartan"
                  @click="videoTartanClick('videofourTartan:2')"
                >
                  <div
                    class="videoClose"
                    v-if="videofourTartanTwo.length != 0"
                    @click.stop="onClone('videofourTartan:2')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="videofourTartanTwo.length == 0" type="plus" />
                  <video
                    class="seleImg"
                    v-if="videofourTartanTwo.length != 0"
                    :src="imgUrl + videofourTartanTwo.filePath"
                  ></video>
                </div>
                <div
                  class="fourTartan Tartan_Tartan"
                  @click="videoTartanClick('videofourTartan:3')"
                >
                  <div
                    class="videoClose"
                    v-if="videofourTartanThree.length != 0"
                    @click.stop="onClone('videofourTartan:3')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="videofourTartanThree.length == 0" type="plus" />
                  <video
                    class="seleImg"
                    v-if="videofourTartanThree.length != 0"
                    :src="imgUrl + videofourTartanThree.filePath"
                  ></video>
                </div>
                <div
                  class="fourTartan Tartan_Tartan"
                  @click="videoTartanClick('videofourTartan:4')"
                >
                  <div
                    class="videoClose"
                    v-if="videofourTartanFour.length != 0"
                    @click.stop="onClone('videofourTartan:4')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="videofourTartanFour.length == 0" type="plus" />
                  <video
                    class="seleImg"
                    v-if="videofourTartanFour.length != 0"
                    :src="imgUrl + videofourTartanFour.filePath"
                  ></video>
                </div>
              </div>
              <div class="Tartan" v-if="generateInfo.videoLayout == 4">
                <div class="sixTartan Tartan_Tartan" @click="videoTartanClick('videosixTartan:1')">
                  <div
                    class="videoClose"
                    v-if="videosixTartanOne.length != 0"
                    @click.stop="onClone('videosixTartan:1')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="videosixTartanOne.length == 0" type="plus" />
                  <video
                    class="seleImg"
                    v-if="videosixTartanOne.length != 0"
                    :src="imgUrl + videosixTartanOne.filePath"
                  ></video>
                </div>
                <div class="sixTartan Tartan_Tartan" @click="videoTartanClick('videosixTartan:2')">
                  <div
                    class="videoClose"
                    v-if="videosixTartanTwo.length != 0"
                    @click.stop="onClone('videosixTartan:2')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="videosixTartanTwo.length == 0" type="plus" />
                  <video
                    class="seleImg"
                    v-if="videosixTartanTwo.length != 0"
                    :src="imgUrl + videosixTartanTwo.filePath"
                  ></video>
                </div>
                <div class="sixTartan Tartan_Tartan" @click="videoTartanClick('videosixTartan:3')">
                  <div
                    class="videoClose"
                    v-if="videosixTartanThree.length != 0"
                    @click.stop="onClone('videosixTartan:3')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="videosixTartanThree.length == 0" type="plus" />
                  <video
                    class="seleImg"
                    v-if="videosixTartanThree.length != 0"
                    :src="imgUrl + videosixTartanThree.filePath"
                  ></video>
                </div>
                <div class="sixTartan Tartan_Tartan" @click="videoTartanClick('videosixTartan:4')">
                  <div
                    class="videoClose"
                    v-if="videosixTartanFour.length != 0"
                    @click.stop="onClone('videosixTartan:4')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="videosixTartanFour.length == 0" type="plus" />
                  <video
                    class="seleImg"
                    v-if="videosixTartanFour.length != 0"
                    :src="imgUrl + videosixTartanFour.filePath"
                  ></video>
                </div>
                <div class="sixTartan Tartan_Tartan" @click="videoTartanClick('videosixTartan:5')">
                  <div
                    class="videoClose"
                    v-if="videosixTartanFive.length != 0"
                    @click.stop="onClone('videosixTartan:5')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="videosixTartanFive.length == 0" type="plus" />
                  <video
                    class="seleImg"
                    v-if="videosixTartanFive.length != 0"
                    :src="imgUrl + videosixTartanFive.filePath"
                  ></video>
                </div>
                <div class="sixTartan Tartan_Tartan" @click="videoTartanClick('videosixTartan:6')">
                  <div
                    class="videoClose"
                    v-if="videosixTartanSix.length != 0"
                    @click.stop="onClone('videosixTartan:6')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="videosixTartanSix.length == 0" type="plus" />
                  <video
                    class="seleImg"
                    v-if="videosixTartanSix.length != 0"
                    :src="imgUrl + videosixTartanSix.filePath"
                  ></video>
                </div>
              </div>
              <div class="Tartan" v-if="generateInfo.videoLayout == 5">
                <div
                  class="nineTartan Tartan_Tartan"
                  @click="videoTartanClick('videonineTartan:1')"
                >
                  <div
                    class="videoClose"
                    v-if="videonineTartanOne.length != 0"
                    @click.stop="onClone('videonineTartan:1')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="videonineTartanOne.length == 0" type="plus" />
                  <video
                    class="seleImg"
                    v-if="videonineTartanOne.length != 0"
                    :src="imgUrl + videonineTartanOne.filePath"
                  ></video>
                </div>
                <div
                  class="nineTartan Tartan_Tartan"
                  @click="videoTartanClick('videonineTartan:2')"
                >
                  <div
                    class="videoClose"
                    v-if="videonineTartanTwo.length != 0"
                    @click.stop="onClone('videonineTartan:2')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="videonineTartanTwo.length == 0" type="plus" />
                  <video
                    class="seleImg"
                    v-if="videonineTartanTwo.length != 0"
                    :src="imgUrl + videonineTartanTwo.filePath"
                  ></video>
                </div>
                <div
                  class="nineTartan Tartan_Tartan"
                  @click="videoTartanClick('videonineTartan:3')"
                >
                  <div
                    class="videoClose"
                    v-if="videonineTartanThree.length != 0"
                    @click.stop="onClone('videonineTartan:3')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="videonineTartanThree.length == 0" type="plus" />
                  <video
                    class="seleImg"
                    v-if="videonineTartanThree.length != 0"
                    :src="imgUrl + videonineTartanThree.filePath"
                  ></video>
                </div>
                <div
                  class="nineTartan Tartan_Tartan"
                  @click="videoTartanClick('videonineTartan:4')"
                >
                  <div
                    class="videoClose"
                    v-if="videonineTartanFour.length != 0"
                    @click.stop="onClone('videonineTartan:4')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="videonineTartanFour.length == 0" type="plus" />
                  <video
                    class="seleImg"
                    v-if="videonineTartanFour.length != 0"
                    :src="imgUrl + videonineTartanFour.filePath"
                  ></video>
                </div>
                <div
                  class="nineTartan Tartan_Tartan"
                  @click="videoTartanClick('videonineTartan:5')"
                >
                  <div
                    class="videoClose"
                    v-if="videonineTartanFive.length != 0"
                    @click.stop="onClone('videonineTartan:5')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="videonineTartanFive.length == 0" type="plus" />
                  <video
                    class="seleImg"
                    v-if="videonineTartanFive.length != 0"
                    :src="imgUrl + videonineTartanFive.filePath"
                  ></video>
                </div>
                <div
                  class="nineTartan Tartan_Tartan"
                  @click="videoTartanClick('videonineTartan:6')"
                >
                  <div
                    class="videoClose"
                    v-if="videonineTartanSix.length != 0"
                    @click.stop="onClone('videonineTartan:6')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="videonineTartanSix.length == 0" type="plus" />
                  <video
                    class="seleImg"
                    v-if="videonineTartanSix.length != 0"
                    :src="imgUrl + videonineTartanSix.filePath"
                  ></video>
                </div>
                <div
                  class="nineTartan Tartan_Tartan"
                  @click="videoTartanClick('videonineTartan:7')"
                >
                  <div
                    class="videoClose"
                    v-if="videonineTartanQi.length != 0"
                    @click.stop="onClone('videonineTartan:7')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="videonineTartanQi.length == 0" type="plus" />
                  <video
                    class="seleImg"
                    v-if="videonineTartanQi.length != 0"
                    :src="imgUrl + videonineTartanQi.filePath"
                  ></video>
                </div>
                <div
                  class="nineTartan Tartan_Tartan"
                  @click="videoTartanClick('videonineTartan:8')"
                >
                  <div
                    class="videoClose"
                    v-if="videonineTartanBa.length != 0"
                    @click.stop="onClone('videonineTartan:8')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="videonineTartanBa.length == 0" type="plus" />
                  <video
                    class="seleImg"
                    v-if="videonineTartanBa.length != 0"
                    :src="imgUrl + videonineTartanBa.filePath"
                  ></video>
                </div>
                <div
                  class="nineTartan Tartan_Tartan"
                  @click="videoTartanClick('videonineTartan:9')"
                >
                  <div
                    class="videoClose"
                    v-if="videonineTartanNine.length != 0"
                    @click.stop="onClone('videonineTartan:9')"
                  >
                    <img src="../../../../images/home-details/clone.png" title="清除" alt />
                  </div>
                  <a-icon class="aIcon" v-if="videonineTartanNine.length == 0" type="plus" />
                  <video
                    class="seleImg"
                    v-if="videonineTartanNine.length != 0"
                    :src="imgUrl + videonineTartanNine.filePath"
                  ></video>
                </div>
              </div>
            </div>
          </div>
        </div>
      </a-modal>
    </div>

    <div class="selectFile" ref="selectFile">
      <a-modal
        class="Amodal AmodalFile"
        :visible="selectFileVisible"
        :confirm-loading="confirmLoading"
        @cancel="selectFileHandleCancel"
        :mask="false"
        title="选择图片"
        :maskClosable="false"
        :getContainer="() => $refs.selectFile"
      >
        <template slot="footer">
          <a-button class="butSave" @click="selectFileHandleOk">确认</a-button>
          <a-button @click="selectFileHandleCancel" class="butReset">取消</a-button>
        </template>

        <div class="file">
          <div class="centent" v-for="(item, index) in imgArr" :key="index">
            <label>
              <div class="file_img">
                <img :src="imgUrl + item.filePath" alt />
              </div>
              <div class="bottom">
                <span>{{ item.fileDate }}</span>
                <input
                  class="imgCheck"
                  :id="item.id"
                  v-model="picked"
                  :title="imgArr.type1"
                  :value="item.filePath"
                  @change="imgChecked"
                  type="radio"
                />
              </div>
            </label>
          </div>
        </div>
      </a-modal>
    </div>

    <div class="selectVideoFile" ref="selectVideoFile">
      <a-modal
        class="Amodal AmodalFile"
        :visible="selectVideoFileVisible"
        :confirm-loading="confirmLoading"
        @cancel="selectVideoFileHandleCancel"
        :mask="false"
        title="选择视频"
        :maskClosable="false"
        :getContainer="() => $refs.selectVideoFile"
      >
        <template slot="footer">
          <a-button class="butSave" @click="selectVideoFileHandleOk">确认</a-button>
          <a-button @click="selectVideoFileHandleCancel" class="butReset">取消</a-button>
        </template>

        <div class="file">
          <div class="centent" v-for="(item, index) in videoArr" :key="index">
            <label>
              <video class="videoFile" :src="imgUrl + item.filePath"></video>
              <div class="bottom">
                <span>{{ item.fileDate }}</span>
                <input
                  class="imgCheck"
                  :id="item.id"
                  v-model="picked"
                  :title="videoArr.type1"
                  :value="item.filePath"
                  @change="videoChecked"
                  type="radio"
                />
              </div>
            </label>
          </div>
        </div>
      </a-modal>
    </div>
  </div>
</template>

<script>
import api from "../../../api/operation/operation.js";
import moment from "moment";
import imgDraw from "../../../components/imgDraw/imgDraw.vue";
import videoView from "./VideoView.vue";
import reportApi from "../../../api/report/report.js";
// 获取字符串中 指定字符的前面 与 后面
function getStr(string, str) {
  var str_before = string.split(str)[0];
  var str_after = string.split(str)[1];
  var obj = {
    goods: str_before,
    goods_id: str_after
  };
  return obj;
}

Array.prototype.remove = function(val) {
  var index = this.indexOf(val);
  if (index > -1) {
    this.splice(index, 1);
  }
};
export default {
  name: "timeClassify",
  props: {
    operationMessage: Object
  },
  components: {
    videoView,
    imgDraw
  },
  watch: {
    operationMessage: {
      handler(val, oldVal) {
        this.operationId = val.id;
        this.getOperation(val.id);
        //this.$parent.operationGetInfo(val.id)
        this.SurgeryNum = val;
        this.SurgeryNum.num =
          Number(this.SurgeryNum.imageNum) +
          Number(this.SurgeryNum.videoNum) +
          Number(this.SurgeryNum.voiceNum);
      },
      deep: true,
      immediate: true
    }
  },
  data() {
    return {
      // messagePasswordStr:'',
      picked: "",
      typeName: "timeClassify",
      videoViewShow1: false,
      imgShow: false,
      imgEdit: "",
      Loading1: false,
      operationId: "",
      preload: "auto", //  建议浏览器是否应在<video>加载元素后立即开始下载视频数据。
      controls: true, // 确定播放器是否具有用户可以与之交互的控件。没有控件，启动视频播放的唯一方法是使用autoplay属性或通过Player API。
      autoplay: "",
      mainPart_filter: "mainPart_filter",
      bottom_con: "bottom_con",
      img: require("../../../../images/home-showAll/bg-imgError.png"),
      img1: require("../../../../images/Synthesis/icon-NoData.png"),
      noData: "noData",
      emptyData: true,
      imgUrl: "",
      SurgeryNum: {},
      plainOptions: [],
      showNum: 0,
      fileTime: {},
      value: 1,
      showFile: {},
      showFile1: {},
      shadowShow: false,
      current: 0,
      videoIndex: "",
      imgIndex: "",
      reportVisible: false,
      selectReportVisible: false,
      selectFileVisible: false,
      selectVideoFileVisible: false,
      confirmLoading: false,

      // 添加基础信息配置
      selectColumns: [
        {
          title: "模板名称",
          dataIndex: "reportName",
          width: "40%"
        },
        {
          title: "时间",
          dataIndex: "createTime",
          width: "50%",
          customRender: (text, row, index) => {
            return moment(text).format("YYYY-MM-DD HH:mm:ss");
          }
        }
      ],
      selectData: [],
      selectedRow: [], //勾选中的row
      selectedRowKeys: [], //勾选中的row的标记
      generateInfo: {},
      imgArr: [], //生成报告图片
      oneTartan: [],
      twoTartanOne: [],
      twoTartanTwo: [],
      fourTartanOne: [],
      fourTartanTwo: [],
      fourTartanThree: [],
      fourTartanFour: [],
      sixTartanOne: [],
      sixTartanTwo: [],
      sixTartanThree: [],
      sixTartanFour: [],
      sixTartanFive: [],
      sixTartanSix: [],
      nineTartanOne: [],
      nineTartanTwo: [],
      nineTartanThree: [],
      nineTartanFour: [],
      nineTartanFive: [],
      nineTartanSix: [],
      nineTartanQi: [],
      nineTartanBa: [],
      nineTartanNine: [],

      videoArr: [], //生成报告视频
      videooneTartan: [],
      videotwoTartanOne: [],
      videotwoTartanTwo: [],
      videofourTartanOne: [],
      videofourTartanTwo: [],
      videofourTartanThree: [],
      videofourTartanFour: [],
      videosixTartanOne: [],
      videosixTartanTwo: [],
      videosixTartanThree: [],
      videosixTartanFour: [],
      videosixTartanFive: [],
      videosixTartanSix: [],
      videonineTartanOne: [],
      videonineTartanTwo: [],
      videonineTartanThree: [],
      videonineTartanFour: [],
      videonineTartanFive: [],
      videonineTartanSix: [],
      videonineTartanQi: [],
      videonineTartanBa: [],
      videonineTartanNine: []
    };
  },
  created() {
    this.imgUrl = this.$config.imgUrl;
  },
  mounted() {
    let _this = this;
    if (_this.showFile != null) {
      _this.emptyData = false;
    }
    _this.operationId = _this.operationMessage.id;
    window.Event.$on("menuLeft", val => {
      _this.menuLeft = val;
      if (_this.menuLeft != "menuDeaDolour") {
        _this.mainPart_filter = "mainPart_filter";
        _this.img1 = require("../../../../images/Synthesis/icon-NoData.png");
        _this.noData = "noData";
      } else if (_this.menuLeft == "menuDeaDolour") {
        _this.mainPart_filter = "mainPart_filter1";
        _this.img1 = require("../../../../images/Synthesis/icon-NoData1.png");
        _this.noData = "noData1";
      }
    });
    // _this.menuLeft1 = _this.$store.state.menuLeft
    _this.menuLeft1 = sessionStorage.getItem("menuLeft");
    if (_this.menuLeft1 != "menuDeaDolour") {
      _this.mainPart_filter = "mainPart_filter";
      _this.img1 = require("../../../../images/Synthesis/icon-NoData.png");
      _this.noData = "noData";
    } else if (_this.menuLeft1 == "menuDeaDolour") {
      _this.mainPart_filter = "mainPart_filter1";
      _this.img1 = require("../../../../images/Synthesis/icon-NoData1.png");
      _this.noData = "noData1";
    }
  },
  methods: {
    // 删除
    onDelete() {
      let _this = this;
      let fileId = _this.showFile.id;
      _this.$confirm({
        title: "是否删除?",
        centered: 'true',
        onOk() {
          api.operationFileRemove(null, fileId).then(res => {
            if (res.code == 200 && res.data == true) {
              _this.$message.success("删除成功");
              _this.getOperation(_this.operationId);
              _this.$parent.operationGetInfo();
              _this.$parent.refresh();
            } else {
              _this.$message.error("删除失败");
              _this.getOperation(_this.operationId);
              _this.$parent.operationGetInfo();
              _this.$parent.refresh();
            }
          });
        },
        onCancel() {
          _this.getOperation(_this.operationId);
        }
      });
    },
    // 下载
    onDownload() {
      let _this = this;
      let fileId = _this.showFile.id;
      let load = _this.showFile.filePath;
      let index = load.lastIndexOf(".");
      let fileType1 = load.substring(index + 1, load.length);
      api.operationFiledownload(null, fileId).then(res => {
        let getTime = new Date().getTime();
        getTime = moment(getTime).format("YYYYMMDDHHMMSS");
        if (fileType1 == "png") {
          let blob = new Blob([res], {
            type: "image/png"
          });
          let objectUrl = URL.createObjectURL(blob);
          let a = document.createElement("a");
          a.href = objectUrl;
          a.download = getTime + "." + fileType1;
          a.click();
        }
        if (fileType1 == "jpg") {
          let blob = new Blob([res], {
            type: "image/jpg"
          });
          let objectUrl = URL.createObjectURL(blob);
          let a = document.createElement("a");
          a.href = objectUrl;
          a.download = getTime + "." + fileType1;
          a.click();
        }
        if (fileType1 == "jpeg") {
          let blob = new Blob([res], {
            type: "image/jpeg"
          });
          let objectUrl = URL.createObjectURL(blob);
          let a = document.createElement("a");
          a.href = objectUrl;
          a.download = getTime + "." + fileType1;
          a.click();
        }
        if (fileType1 == "mp3") {
          let blob = new Blob([res], {
            type: "audio/mpeg"
          });
          let objectUrl = URL.createObjectURL(blob);
          let a = document.createElement("a");
          a.href = objectUrl;
          a.download = getTime + "." + fileType1;
          a.click();
        }
        if (fileType1 == "mp4") {
          let blob = new Blob([res], {
            type: "video/mpeg4"
          });
          let objectUrl = URL.createObjectURL(blob);
          let a = document.createElement("a");
          a.href = objectUrl;
          a.download = getTime + "." + fileType1;
          a.click();
        }
        if (fileType1 == "ppt") {
          let blob = new Blob([res], {
            type: "application/vnd.ms-powerpoint"
          });
          let objectUrl = URL.createObjectURL(blob);
          let a = document.createElement("a");
          a.href = objectUrl;
          a.download = getTime + "." + fileType1;
          a.click();
        }
        if (fileType1 == "pptx") {
          let blob = new Blob([res], {
            type:
              "application/vnd.openxmlformats-officedocument.presentationml.presentation"
          });
          let objectUrl = URL.createObjectURL(blob);
          let a = document.createElement("a");
          a.href = objectUrl;
          a.download = getTime + "." + fileType1;
          a.click();
        }
        if (fileType1 == "xls") {
          let blob = new Blob([res], {
            type: "application/vnd.ms-excel"
          });
          let objectUrl = URL.createObjectURL(blob);
          let a = document.createElement("a");
          a.href = objectUrl;
          a.download = getTime + "." + fileType1;
          a.click();
        }
        if (fileType1 == "xlsx") {
          let blob = new Blob([res], {
            type:
              "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
          });
          let objectUrl = URL.createObjectURL(blob);
          let a = document.createElement("a");
          a.href = objectUrl;
          a.download = getTime + "." + fileType1;
          a.click();
        }
        if (fileType1 == "doc") {
          let blob = new Blob([res], {
            type: "application/msword"
          });
          let objectUrl = URL.createObjectURL(blob);
          let a = document.createElement("a");
          a.href = objectUrl;
          a.download = getTime + "." + fileType1;
          a.click();
        }
        if (fileType1 == "docx") {
          let blob = new Blob([res], {
            type:
              "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
          });
          let objectUrl = URL.createObjectURL(blob);
          let a = document.createElement("a");
          a.href = objectUrl;
          a.download = getTime + "." + fileType1;
          a.click();
        }
        if (fileType1 == "pdf") {
          let blob = new Blob([res], {
            type: "application/pdf"
          });
          let objectUrl = URL.createObjectURL(blob);
          let a = document.createElement("a");
          a.href = objectUrl;
          a.download = getTime + "." + fileType1;
          a.click();
        }
        if (fileType1 == "html") {
          let blob = new Blob([res], {
            type: "text/html"
          });
          let objectUrl = URL.createObjectURL(blob);
          let a = document.createElement("a");
          a.href = objectUrl;
          a.download = getTime + "." + fileType1;
          a.click();
        }
      });
    },
    // 图片编辑
    onEdit() {
      let _this = this;
      _this.imgShow = false;
      _this.$nextTick(() => {
        if (_this.showFile.fileType == 1) {
          _this.imgEdit = _this.imgUrl + _this.showFile.filePath;
          _this.imgShow = true;
        }
      });
    },
    // 视频剪切
    onEditing() {
      this.videoViewShow1 = true;
    },
    imgRefresh() {
      this.imgShow = false;
    },
    videoRefresh() {
      this.videoViewShow1 = false;
    },
    shadowMousemove(index) {
      this.shadowShow = true;
      this.current = index;
    },
    shadowMouseout() {
      this.shadowShow = false;
    },
    radioOnChange(e) {
      let _this = this;
      _this.showFile = e.target.value;
      let fileId = _this.showFile.id;
      let obj1 = getStr(_this.showFile.filePath, ".");
      _this.showFile.fileTypee = obj1.goods_id;
      if (_this.showFile.fileType != 5) {
        if (_this.showFile.fileType == 4) {
          if (_this.showFile.fileTypee != "pdf") {
            _this.Loading1 = true;
            api.previewFile(null, fileId).then(res => {
              if (res.code == 200) {
                _this.Loading1 = false;
                let showFile1 = {};
                showFile1.fileId = fileId;
                showFile1.filePath = res.data;
                _this.showFile1 = showFile1;
              }
            });
          } else {
            api.removePreview(null, fileId).then(res => {
              _this.showFile1 = {};
            });
          }
          if (_this.showFile.fileTypee == "pdf") {
            _this.Loading1 = false;
          }
        }
      }
      if (_this.showFile.fileType == 5) {
        return;
        api.operationFiledownload(null, fileId).then(res => {
          let getTime = new Date().getTime();
          getTime = moment(getTime).format("YYYYMMDDHHMMSS");
          let blob = new Blob([res], {
            type: "text/html"
          });
          let objectUrl = URL.createObjectURL(blob);
          let a = document.createElement("a");
          a.href = objectUrl;
          a.download = getTime + ".html";
          a.click();
        });
      }
    },
    radioVa(num) {
      this.showNum = num;
      this.getOperation(this.operationId, this.showNum);
    },
    getRadioVal(e) {},
    onOk(dates, dateStrings) {
      let _this = this;
      if (dates.length != 0) {
        _this.startTime = _this.$dataMethod.dateFormat(
          "YY-mm-dd HH:MM:SS",
          dates[0]._d
        );
        _this.endTime = _this.$dataMethod.dateFormat(
          "YY-mm-dd HH:MM:SS",
          dates[1]._d
        );
        _this.getOperation(
          _this.operationId,
          _this.showNum,
          _this.startTime,
          _this.endTime
        );
      }
    },
    getOperation(operationId, num, startTime, endTime) {
      let _this = this;
      api
        .operationFileGetList(null, {
          operationId: operationId,
          type: num,
          startTime: startTime,
          endTime: endTime
        })
        .then(res => {
          if (res.code == 200) {
            let objobj = []
            res.data.forEach(element => {
              if (element.fileType == 1 || element.fileType == 2 || element.fileType == 3) {
                objobj.push(element)
              }
              // _this.plainOptions = res.data;
              //   _this.value = res.data[0];
              //   _this.showFile = res.data[0];
              _this.plainOptions = objobj;
                _this.value = objobj[0];
                _this.showFile = objobj[0];
                let fileId = _this.showFile.id;
                let obj1 = getStr(_this.showFile.filePath, ".");
                _this.showFile.fileTypee = obj1.goods_id;
                if (_this.showFile.fileType == 4) {
                  if (_this.showFile.fileTypee != "pdf") {
                    _this.Loading1 = true;
                    api.previewFile(null, fileId).then(res => {
                      if (res.code == 200) {
                        _this.Loading1 = false;
                        let showFile1 = {};
                        showFile1.fileId = fileId;
                        showFile1.filePath = res.data;
                        _this.showFile1 = showFile1;
                      }
                    });
                  } else {
                    api.removePreview(null, fileId).then(res => {
                      _this.showFile1 = {};
                    });
                  }
                  if (_this.showFile.fileTypee == "pdf") {
                    _this.Loading1 = false;
                  }
                }
            });
          }
        });
    },

    rectColorChange() {
      console.log(this.rectColor);
    },
    //自定义选中当前行的操作
    customRow(record, index) {
      const that = this;
      return {
        on: {
          // 鼠标单击行
          click: event => {
            that.selectedRow = [record];
            that.selectedRowKeys = [index];
          }
        }
      };
    },
    //table勾选
    onSelectChange(key, row) {
      this.selectedRow = row;
      this.selectedRowKeys = key;
    },
    preview(e) {
      docx.renderAsync(this.$refs.file.files[0], this.$refs.preview); // 渲染到页面预览
    },
    // 点击弹出选择报告
    produceReport() {
      this.selectReportVisible = true;
      this.getReportList();
    },
    // 报告模板
    getReportList() {
      reportApi.reportGetList().then(res => {
        if (res.code == 200) {
          let selectArr = [];
          res.data.data.forEach((e, v) => {
            if (e.isUse == 1) {
              selectArr.push(e);
            }
          });
          this.selectData = selectArr;
          this.selectData.createTime = moment(
            this.selectData.createTime
          ).format("YYYY-MM-DD HH:MM:SS");
        }
      });
    },
    // 选择报告取消按钮
    selectReportHandleCancel() {
      this.selectReportVisible = false;
      this.$parent.refresh();
    },
    // 选择报告后确认按钮
    selectReportHandleOk() {
      if (this.selectedRow.length == 0) {
        this.$message.error("请选择模板");
      } else {
        this.reportVisible = true;
        this.selectReportVisible = false;
        let reportId = this.selectedRow[0].id;
        let operationId = this.operationMessage.id;
        reportApi.getGenerateInfo(null, reportId, operationId).then(res => {
          if (res.code == 200) {
            this.generateInfo = res.data;
          }
        });
      }
    },
    // 显示文件确认按钮
    handleOk(e) {
      this.confirmLoading = true;
      this.visible = false;
      this.bound1Show = false;
      this.confirmLoading = false;
      this.getOperation(this.operationId);
    },
    // 显示文件关闭按钮
    handleCancel(e) {
      let _this = this;
      let fileId = _this.showFile1.fileId;
      api.removePreview(null, fileId).then(res => {
        this.showFile1 = {};
      });
      this.visible = false;
      this.bound1Show = false;
      this.getOperation(this.operationId);
    },
    // 生成报告确认按钮
    reportHandleOk() {
      this.confirmLoading = true;
      this.reportVisible = false;
      this.confirmLoading = false;
      let imgobj = {
        imgList: [],
        operationId: "",
        reportId: "",
        videoList: []
      };
      if (this.generateInfo.imageLayout == 1) {
        if (this.oneTartan.length != 0) {
          imgobj.imgList.push(this.oneTartan);
        }
      }
      if (this.generateInfo.videoLayout == 1) {
        if (this.videooneTartan.length != 0) {
          imgobj.videoList.push(this.videooneTartan);
        }
      }
      if (this.generateInfo.imageLayout == 2) {
        if (this.twoTartanOne.length != 0) {
          imgobj.imgList.push(this.twoTartanOne);
        }
        if (this.twoTartanTwo.length != 0) {
          imgobj.imgList.push(this.twoTartanTwo);
        }
      }
      if (this.generateInfo.videoLayout == 2) {
        if (this.videotwoTartanOne.length != 0) {
          imgobj.videoList.push(this.videotwoTartanOne);
        }
        if (this.videotwoTartanTwo.length != 0) {
          imgobj.videoList.push(this.videotwoTartanTwo);
        }
      }
      if (this.generateInfo.imageLayout == 3) {
        if (this.fourTartanOne.length != 0) {
          imgobj.imgList.push(this.fourTartanOne);
        }
        if (this.fourTartanTwo.length != 0) {
          imgobj.imgList.push(this.fourTartanTwo);
        }
        if (this.fourTartanThree.length != 0) {
          imgobj.imgList.push(this.fourTartanThree);
        }
        if (this.fourTartanFour.length != 0) {
          imgobj.imgList.push(this.fourTartanFour);
        }
      }
      if (this.generateInfo.videoLayout == 3) {
        if (this.videofourTartanOne.length != 0) {
          imgobj.videoList.push(this.videofourTartanOne);
        }
        if (this.videofourTartanTwo.length != 0) {
          imgobj.videoList.push(this.videofourTartanTwo);
        }
        if (this.videofourTartanThree.length != 0) {
          imgobj.videoList.push(this.videofourTartanThree);
        }
        if (this.videofourTartanFour.length != 0) {
          imgobj.videoList.push(this.videofourTartanFour);
        }
      }
      if (this.generateInfo.imageLayout == 4) {
        if (this.sixTartanOne.length != 0) {
          imgobj.imgList.push(this.sixTartanOne);
        }
        if (this.sixTartanTwo.length != 0) {
          imgobj.imgList.push(this.sixTartanTwo);
        }
        if (this.sixTartanThree.length != 0) {
          imgobj.imgList.push(this.sixTartanThree);
        }
        if (this.sixTartanFour.length != 0) {
          imgobj.imgList.push(this.sixTartanFour);
        }
        if (this.sixTartanFive.length != 0) {
          imgobj.imgList.push(this.sixTartanFive);
        }
        if (this.sixTartanSix.length != 0) {
          imgobj.imgList.push(this.sixTartanSix);
        }
      }
      if (this.generateInfo.videoLayout == 4) {
        if (this.videosixTartanOne.length != 0) {
          imgobj.videoList.push(this.videosixTartanOne);
        }
        if (this.videosixTartanTwo.length != 0) {
          imgobj.videoList.push(this.videosixTartanTwo);
        }
        if (this.videosixTartanThree.length != 0) {
          imgobj.videoList.push(this.videosixTartanThree);
        }
        if (this.videosixTartanFour.length != 0) {
          imgobj.videoList.push(this.videosixTartanFour);
        }
        if (this.videosixTartanFive.length != 0) {
          imgobj.videoList.push(this.videosixTartanFive);
        }
        if (this.videosixTartanSix.length != 0) {
          imgobj.videoList.push(this.videosixTartanSix);
        }
      }
      if (this.generateInfo.imageLayout == 5) {
        if (this.nineTartanOne.length != 0) {
          imgobj.imgList.push(this.nineTartanOne);
        }
        if (this.nineTartanTwo.length != 0) {
          imgobj.imgList.push(this.nineTartanTwo);
        }
        if (this.nineTartanThree.length != 0) {
          imgobj.imgList.push(this.nineTartanThree);
        }
        if (this.nineTartanFour.length != 0) {
          imgobj.imgList.push(this.nineTartanFour);
        }
        if (this.nineTartanFive.length != 0) {
          imgobj.imgList.push(this.nineTartanFive);
        }
        if (this.nineTartanSix.length != 0) {
          imgobj.imgList.push(this.nineTartanSix);
        }
        if (this.nineTartanQi.length != 0) {
          imgobj.imgList.push(this.nineTartanQi);
        }
        if (this.nineTartanBa.length != 0) {
          imgobj.imgList.push(this.nineTartanBa);
        }
        if (this.nineTartanNine.length != 0) {
          imgobj.imgList.push(this.nineTartanNine);
        }
      }
      if (this.generateInfo.videoLayout == 5) {
        if (this.videonineTartanOne.length != 0) {
          imgobj.videoList.push(this.videonineTartanOne);
        }
        if (this.videonineTartanTwo.length != 0) {
          imgobj.videoList.push(this.videonineTartanTwo);
        }
        if (this.videonineTartanThree.length != 0) {
          imgobj.videoList.push(this.videonineTartanThree);
        }
        if (this.videonineTartanFour.length != 0) {
          imgobj.videoList.push(this.videonineTartanFour);
        }
        if (this.videonineTartanFive.length != 0) {
          imgobj.videoList.push(this.videonineTartanFive);
        }
        if (this.videonineTartanSix.length != 0) {
          imgobj.videoList.push(this.videonineTartanSix);
        }
        if (this.videonineTartanQi.length != 0) {
          imgobj.videoList.push(this.videonineTartanQi);
        }
        if (this.videonineTartanBa.length != 0) {
          imgobj.videoList.push(this.videonineTartanBa);
        }
        if (this.videonineTartanNine.length != 0) {
          imgobj.videoList.push(this.videonineTartanNine);
        }
      }
      imgobj.imgList.forEach(e => {
        e.filePath = this.imgUrl + e.filePath;
        delete e.title;
      });
      imgobj.videoList.forEach(e => {
        e.filePath = this.imgUrl + e.filePath;
        delete e.title;
      });
      imgobj.reportId = this.selectedRow[0].id;
      imgobj.operationId = this.operationMessage.id;
      // imgobj.password = String(this.messagePasswordStr)
      reportApi.generateReport(null, imgobj).then(res => {
        this.getOperation(this.operationId);
      });
    },
    // 生成报告取消按钮
    reportHandleCancel(e) {
      this.reportVisible = false;
      this.getOperation(this.operationId);
    },
    // 点击弹开选择图片
    TartanClick(e) {
      this.imgIndex = e;
      this.selectFileVisible = true;
      let plainOptions = this.plainOptions;
      let imgArr = [];
      imgArr.type1 = e;
      plainOptions.forEach(e => {
        if (e.fileType == 1) {
          imgArr.push(e);
        }
      });
      this.imgArr = imgArr;
    },
    // 点击弹开选择视频
    videoTartanClick(e) {
      this.videoIndex = e;
      this.selectVideoFileVisible = true;
      let plainOptions = this.plainOptions;
      let videoArr = [];
      videoArr.type1 = e;
      plainOptions.forEach(e => {
        if (e.fileType == 2) {
          videoArr.push(e);
        }
      });
      this.videoArr = videoArr;
    },
    // 选择图片确认按钮
    selectFileHandleOk() {
      this.selectFileVisible = false;
    },
    // 选择图片取消按钮
    selectFileHandleCancel() {
      let bottomName = document.querySelector(".mesImg .bottom").children[0]
        .children[0].className;
      let obj1 = getStr(bottomName, " ");
      if (obj1.goods == "oneTartan") {
        let imgIndex = this.imgIndex.substr(-1, 1);
        if (imgIndex == 1) {
          this.oneTartan = [];
        }
      }
      if (obj1.goods == "twoTartan") {
        let imgIndex = this.imgIndex.substr(-1, 1);
        if (imgIndex == 1) {
          this.twoTartanOne = [];
        } else if (imgIndex == 2) {
          this.twoTartanTwo = [];
        }
      }
      if (obj1.goods == "fourTartan") {
        let imgIndex = this.imgIndex.substr(-1, 1);
        if (imgIndex == 1) {
          this.fourTartanOne = [];
        } else if (imgIndex == 2) {
          this.fourTartanTwo = [];
        } else if (imgIndex == 3) {
          this.fourTartanThree = [];
        } else if (imgIndex == 4) {
          this.fourTartanFour = [];
        }
      }
      if (obj1.goods == "sixTartan") {
        let imgIndex = this.imgIndex.substr(-1, 1);
        if (imgIndex == 1) {
          this.sixTartanOne = [];
        } else if (imgIndex == 2) {
          this.sixTartanTwo = [];
        } else if (imgIndex == 3) {
          this.sixTartanThree = [];
        } else if (imgIndex == 4) {
          this.sixTartanFour = [];
        } else if (imgIndex == 5) {
          this.sixTartanFive = [];
        } else if (imgIndex == 6) {
          this.sixTartanSix = [];
        }
      }
      if (obj1.goods == "nineTartan") {
        let imgIndex = this.imgIndex.substr(-1, 1);
        if (imgIndex == 1) {
          this.nineTartanOne = [];
        } else if (imgIndex == 2) {
          this.nineTartanTwo = [];
        } else if (imgIndex == 3) {
          this.nineTartanThree = [];
        } else if (imgIndex == 4) {
          this.nineTartanFour = [];
        } else if (imgIndex == 5) {
          this.nineTartanFive = [];
        } else if (imgIndex == 6) {
          this.nineTartanSix = [];
        } else if (imgIndex == 7) {
          this.nineTartanQi = [];
        } else if (imgIndex == 8) {
          this.nineTartanBa = [];
        } else if (imgIndex == 9) {
          this.nineTartanNine = [];
        }
      }
      this.reportVisible = true;
      this.selectFileVisible = false;
    },
    // 选择图片事件
    imgChecked(e) {
      if (e.target.checked == true) {
        if (e.target.title == "oneTartan:1") {
          let oneTartan = {};
          oneTartan.fileId = e.target.id;
          oneTartan.filePath = e.target.value;
          oneTartan.title = e.target.title;
          oneTartan.sortCode = 1;
          this.oneTartan = oneTartan;
        }

        if (e.target.title == "twoTartan:1") {
          let twoTartanOne = {};
          twoTartanOne.fileId = e.target.id;
          twoTartanOne.filePath = e.target.value;
          twoTartanOne.title = e.target.title;
          twoTartanOne.sortCode = 1;
          this.twoTartanOne = twoTartanOne;
        }
        if (e.target.title == "twoTartan:2") {
          let twoTartanTwo = {};
          twoTartanTwo.fileId = e.target.id;
          twoTartanTwo.filePath = e.target.value;
          twoTartanTwo.title = e.target.title;
          twoTartanTwo.sortCode = 2;
          this.twoTartanTwo = twoTartanTwo;
        }

        if (e.target.title == "fourTartan:1") {
          let fourTartanOne = {};
          fourTartanOne.fileId = e.target.id;
          fourTartanOne.filePath = e.target.value;
          fourTartanOne.title = e.target.title;
          fourTartanOne.sortCode = 1;
          this.fourTartanOne = fourTartanOne;
        }
        if (e.target.title == "fourTartan:2") {
          let fourTartanTwo = {};
          fourTartanTwo.fileId = e.target.id;
          fourTartanTwo.filePath = e.target.value;
          fourTartanTwo.title = e.target.title;
          fourTartanTwo.sortCode = 2;
          this.fourTartanTwo = fourTartanTwo;
        }
        if (e.target.title == "fourTartan:3") {
          let fourTartanThree = {};
          fourTartanThree.fileId = e.target.id;
          fourTartanThree.filePath = e.target.value;
          fourTartanThree.title = e.target.title;
          fourTartanThree.sortCode = 3;
          this.fourTartanThree = fourTartanThree;
        }
        if (e.target.title == "fourTartan:4") {
          let fourTartanFour = {};
          fourTartanFour.fileId = e.target.id;
          fourTartanFour.filePath = e.target.value;
          fourTartanFour.title = e.target.title;
          fourTartanFour.sortCode = 4;
          this.fourTartanFour = fourTartanFour;
        }

        if (e.target.title == "sixTartan:1") {
          let sixTartanOne = {};
          sixTartanOne.fileId = e.target.id;
          sixTartanOne.filePath = e.target.value;
          sixTartanOne.title = e.target.title;
          sixTartanOne.sortCode = 1;
          this.sixTartanOne = sixTartanOne;
        }
        if (e.target.title == "sixTartan:2") {
          let sixTartanTwo = {};
          sixTartanTwo.fileId = e.target.id;
          sixTartanTwo.filePath = e.target.value;
          sixTartanTwo.title = e.target.title;
          sixTartanTwo.sortCode = 2;
          this.sixTartanTwo = sixTartanTwo;
        }
        if (e.target.title == "sixTartan:3") {
          let sixTartanThree = {};
          sixTartanThree.fileId = e.target.id;
          sixTartanThree.filePath = e.target.value;
          sixTartanThree.title = e.target.title;
          sixTartanThree.sortCode = 3;
          this.sixTartanThree = sixTartanThree;
        }
        if (e.target.title == "sixTartan:4") {
          let sixTartanFour = {};
          sixTartanFour.fileId = e.target.id;
          sixTartanFour.filePath = e.target.value;
          sixTartanFour.title = e.target.title;
          sixTartanFour.sortCode = 4;
          this.sixTartanFour = sixTartanFour;
        }
        if (e.target.title == "sixTartan:5") {
          let sixTartanFive = {};
          sixTartanFive.fileId = e.target.id;
          sixTartanFive.filePath = e.target.value;
          sixTartanFive.title = e.target.title;
          sixTartanFive.sortCode = 5;
          this.sixTartanFive = sixTartanFive;
        }
        if (e.target.title == "sixTartan:6") {
          let sixTartanSix = {};
          sixTartanSix.fileId = e.target.id;
          sixTartanSix.filePath = e.target.value;
          sixTartanSix.title = e.target.title;
          sixTartanSix.sortCode = 6;
          this.sixTartanSix = sixTartanSix;
        }

        if (e.target.title == "nineTartan:1") {
          let nineTartanOne = {};
          nineTartanOne.fileId = e.target.id;
          nineTartanOne.filePath = e.target.value;
          nineTartanOne.title = e.target.title;
          nineTartanOne.sortCode = 1;
          this.nineTartanOne = nineTartanOne;
        }
        if (e.target.title == "nineTartan:2") {
          let nineTartanTwo = {};
          nineTartanTwo.fileId = e.target.id;
          nineTartanTwo.filePath = e.target.value;
          nineTartanTwo.title = e.target.title;
          nineTartanTwo.sortCode = 2;
          this.nineTartanTwo = nineTartanTwo;
        }
        if (e.target.title == "nineTartan:3") {
          let nineTartanThree = {};
          nineTartanThree.fileId = e.target.id;
          nineTartanThree.filePath = e.target.value;
          nineTartanThree.title = e.target.title;
          nineTartanThree.sortCode = 3;
          this.nineTartanThree = nineTartanThree;
        }
        if (e.target.title == "nineTartan:4") {
          let nineTartanFour = {};
          nineTartanFour.fileId = e.target.id;
          nineTartanFour.filePath = e.target.value;
          nineTartanFour.title = e.target.title;
          nineTartanFour.sortCode = 4;
          this.nineTartanFour = nineTartanFour;
        }
        if (e.target.title == "nineTartan:5") {
          let nineTartanFive = {};
          nineTartanFive.fileId = e.target.id;
          nineTartanFive.filePath = e.target.value;
          nineTartanFive.title = e.target.title;
          nineTartanFive.sortCode = 5;
          this.nineTartanFive = nineTartanFive;
        }
        if (e.target.title == "nineTartan:6") {
          let nineTartanSix = {};
          nineTartanSix.fileId = e.target.id;
          nineTartanSix.filePath = e.target.value;
          nineTartanSix.title = e.target.title;
          nineTartanSix.sortCode = 6;
          this.nineTartanSix = nineTartanSix;
        }
        if (e.target.title == "nineTartan:7") {
          let nineTartanQi = {};
          nineTartanQi.fileId = e.target.id;
          nineTartanQi.filePath = e.target.value;
          nineTartanQi.title = e.target.title;
          nineTartanQi.sortCode = 7;
          this.nineTartanQi = nineTartanQi;
        }
        if (e.target.title == "nineTartan:8") {
          let nineTartanBa = {};
          nineTartanBa.fileId = e.target.id;
          nineTartanBa.filePath = e.target.value;
          nineTartanBa.title = e.target.title;
          nineTartanBa.sortCode = 8;
          this.nineTartanBa = nineTartanBa;
        }
        if (e.target.title == "nineTartan:9") {
          let nineTartanNine = {};
          nineTartanNine.fileId = e.target.id;
          nineTartanNine.filePath = e.target.value;
          nineTartanNine.title = e.target.title;
          nineTartanNine.sortCode = 9;
          this.nineTartanNine = nineTartanNine;
        }
      }
    },
    // 选择视频取消按钮
    selectVideoFileHandleCancel() {
      let bottomName = document.querySelector(".mesVideo .bottom").children[0]
        .children[0].className;
      let obj1 = getStr(bottomName, " ");
      if (obj1.goods == "oneTartan") {
        let videoIndex = this.videoIndex.substr(-1, 1);
        if (videoIndex == 1) {
          this.videooneTartan = [];
        }
      }
      if (obj1.goods == "twoTartan") {
        let videoIndex = this.videoIndex.substr(-1, 1);
        if (videoIndex == 1) {
          this.videotwoTartanOne = [];
        } else if (videoIndex == 2) {
          this.videotwoTartanTwo = [];
        }
      }
      if (obj1.goods == "fourTartan") {
        let videoIndex = this.videoIndex.substr(-1, 1);
        if (videoIndex == 1) {
          this.videofourTartanOne = [];
        } else if (videoIndex == 2) {
          this.videofourTartanTwo = [];
        } else if (videoIndex == 3) {
          this.videofourTartanThree = [];
        } else if (videoIndex == 4) {
          this.videofourTartanFour = [];
        }
      }
      if (obj1.goods == "sixTartan") {
        let videoIndex = this.videoIndex.substr(-1, 1);
        if (videoIndex == 1) {
          this.videosixTartanOne = [];
        } else if (videoIndex == 2) {
          this.videosixTartanTwo = [];
        } else if (videoIndex == 3) {
          this.videosixTartanThree = [];
        } else if (videoIndex == 4) {
          this.videosixTartanFour = [];
        } else if (videoIndex == 5) {
          this.videosixTartanFive = [];
        } else if (videoIndex == 6) {
          this.videosixTartanSix = [];
        }
      }
      if (obj1.goods == "nineTartan") {
        let videoIndex = this.videoIndex.substr(-1, 1);
        if (videoIndex == 1) {
          this.videonineTartanOne = [];
        } else if (videoIndex == 2) {
          this.videonineTartanTwo = [];
        } else if (videoIndex == 3) {
          this.videonineTartanThree = [];
        } else if (videoIndex == 4) {
          this.videonineTartanFour = [];
        } else if (videoIndex == 5) {
          this.videonineTartanFive = [];
        } else if (videoIndex == 6) {
          this.videonineTartanSix = [];
        } else if (videoIndex == 7) {
          this.videonineTartanQi = [];
        } else if (videoIndex == 8) {
          this.videonineTartanBa = [];
        } else if (videoIndex == 9) {
          this.videonineTartanNine = [];
        }
      }
      this.reportVisible = true;
      this.selectVideoFileVisible = false;
    },
    // 选择视频确认按钮
    selectVideoFileHandleOk() {
      this.selectVideoFileVisible = false;
    },
    // 选择视频事件
    videoChecked(e) {
      if (e.target.checked == true) {
        if (e.target.title == "videooneTartan:1") {
          let videooneTartan = {};
          videooneTartan.fileId = e.target.id;
          videooneTartan.filePath = e.target.value;
          videooneTartan.title = e.target.title;
          videooneTartan.sortCode = 1;
          this.videooneTartan = videooneTartan;
        }

        if (e.target.title == "videotwoTartan:1") {
          let videotwoTartanOne = {};
          videotwoTartanOne.fileId = e.target.id;
          videotwoTartanOne.filePath = e.target.value;
          videotwoTartanOne.title = e.target.title;
          videotwoTartanOne.sortCode = 1;
          this.videotwoTartanOne = videotwoTartanOne;
        }
        if (e.target.title == "videotwoTartan:2") {
          let videotwoTartanTwo = {};
          videotwoTartanTwo.fileId = e.target.id;
          videotwoTartanTwo.filePath = e.target.value;
          videotwoTartanTwo.title = e.target.title;
          videotwoTartanTwo.sortCode = 2;
          this.videotwoTartanTwo = videotwoTartanTwo;
        }

        if (e.target.title == "videofourTartan:1") {
          let videofourTartanOne = {};
          videofourTartanOne.fileId = e.target.id;
          videofourTartanOne.filePath = e.target.value;
          videofourTartanOne.title = e.target.title;
          videofourTartanOne.sortCode = 1;
          this.videofourTartanOne = videofourTartanOne;
        }
        if (e.target.title == "videofourTartan:2") {
          let videofourTartanTwo = {};
          videofourTartanTwo.fileId = e.target.id;
          videofourTartanTwo.filePath = e.target.value;
          videofourTartanTwo.title = e.target.title;
          videofourTartanTwo.sortCode = 2;
          this.videofourTartanTwo = videofourTartanTwo;
        }
        if (e.target.title == "videofourTartan:3") {
          let videofourTartanThree = {};
          videofourTartanThree.fileId = e.target.id;
          videofourTartanThree.filePath = e.target.value;
          videofourTartanThree.title = e.target.title;
          videofourTartanThree.sortCode = 3;
          this.videofourTartanThree = videofourTartanThree;
        }
        if (e.target.title == "videofourTartan:4") {
          let videofourTartanFour = {};
          videofourTartanFour.fileId = e.target.id;
          videofourTartanFour.filePath = e.target.value;
          videofourTartanFour.title = e.target.title;
          videofourTartanFour.sortCode = 4;
          this.videofourTartanFour = videofourTartanFour;
        }

        if (e.target.title == "videosixTartan:1") {
          let videosixTartanOne = {};
          videosixTartanOne.fileId = e.target.id;
          videosixTartanOne.filePath = e.target.value;
          videosixTartanOne.title = e.target.title;
          videosixTartanOne.sortCode = 1;
          this.videosixTartanOne = videosixTartanOne;
        }
        if (e.target.title == "videosixTartan:2") {
          let videosixTartanTwo = {};
          videosixTartanTwo.fileId = e.target.id;
          videosixTartanTwo.filePath = e.target.value;
          videosixTartanTwo.title = e.target.title;
          videosixTartanTwo.sortCode = 2;
          this.videosixTartanTwo = videosixTartanTwo;
        }
        if (e.target.title == "videosixTartan:3") {
          let videosixTartanThree = {};
          videosixTartanThree.fileId = e.target.id;
          videosixTartanThree.filePath = e.target.value;
          videosixTartanThree.title = e.target.title;
          videosixTartanThree.sortCode = 3;
          this.videosixTartanThree = videosixTartanThree;
        }
        if (e.target.title == "videosixTartan:4") {
          let videosixTartanFour = {};
          videosixTartanFour.fileId = e.target.id;
          videosixTartanFour.filePath = e.target.value;
          videosixTartanFour.title = e.target.title;
          videosixTartanFour.sortCode = 4;
          this.videosixTartanFour = videosixTartanFour;
        }
        if (e.target.title == "videosixTartan:5") {
          let videosixTartanFive = {};
          videosixTartanFive.fileId = e.target.id;
          videosixTartanFive.filePath = e.target.value;
          videosixTartanFive.title = e.target.title;
          videosixTartanFive.sortCode = 5;
          this.videosixTartanFive = videosixTartanFive;
        }
        if (e.target.title == "videosixTartan:6") {
          let videosixTartanSix = {};
          videosixTartanSix.fileId = e.target.id;
          videosixTartanSix.filePath = e.target.value;
          videosixTartanSix.title = e.target.title;
          videosixTartanSix.sortCode = 6;
          this.videosixTartanSix = videosixTartanSix;
        }

        if (e.target.title == "videonineTartan:1") {
          let videonineTartanOne = {};
          videonineTartanOne.fileId = e.target.id;
          videonineTartanOne.filePath = e.target.value;
          videonineTartanOne.title = e.target.title;
          videonineTartanOne.sortCode = 1;
          this.videonineTartanOne = videonineTartanOne;
        }
        if (e.target.title == "videonineTartan:2") {
          let videonineTartanTwo = {};
          videonineTartanTwo.fileId = e.target.id;
          videonineTartanTwo.filePath = e.target.value;
          videonineTartanTwo.title = e.target.title;
          videonineTartanTwo.sortCode = 2;
          this.videonineTartanTwo = videonineTartanTwo;
        }
        if (e.target.title == "videonineTartan:3") {
          let videonineTartanThree = {};
          videonineTartanThree.fileId = e.target.id;
          videonineTartanThree.filePath = e.target.value;
          videonineTartanThree.title = e.target.title;
          videonineTartanThree.sortCode = 3;
          this.videonineTartanThree = videonineTartanThree;
        }
        if (e.target.title == "videonineTartan:4") {
          let videonineTartanFour = {};
          videonineTartanFour.fileId = e.target.id;
          videonineTartanFour.filePath = e.target.value;
          videonineTartanFour.title = e.target.title;
          videonineTartanFour.sortCode = 4;
          this.videonineTartanFour = videonineTartanFour;
        }
        if (e.target.title == "videonineTartan:5") {
          let videonineTartanFive = {};
          videonineTartanFive.fileId = e.target.id;
          videonineTartanFive.filePath = e.target.value;
          videonineTartanFive.title = e.target.title;
          videonineTartanFive.sortCode = 5;
          this.videonineTartanFive = videonineTartanFive;
        }
        if (e.target.title == "videonineTartan:6") {
          let videonineTartanSix = {};
          videonineTartanSix.fileId = e.target.id;
          videonineTartanSix.filePath = e.target.value;
          videonineTartanSix.title = e.target.title;
          videonineTartanSix.sortCode = 6;
          this.videonineTartanSix = videonineTartanSix;
        }
        if (e.target.title == "videonineTartan:7") {
          let videonineTartanQi = {};
          videonineTartanQi.fileId = e.target.id;
          videonineTartanQi.filePath = e.target.value;
          videonineTartanQi.title = e.target.title;
          videonineTartanQi.sortCode = 7;
          this.videonineTartanQi = videonineTartanQi;
        }
        if (e.target.title == "videonineTartan:8") {
          let videonineTartanBa = {};
          videonineTartanBa.fileId = e.target.id;
          videonineTartanBa.filePath = e.target.value;
          videonineTartanBa.title = e.target.title;
          videonineTartanBa.sortCode = 8;
          this.videonineTartanBa = videonineTartanBa;
        }
        if (e.target.title == "videonineTartan:9") {
          let videonineTartanNine = {};
          videonineTartanNine.fileId = e.target.id;
          videonineTartanNine.filePath = e.target.value;
          videonineTartanNine.title = e.target.title;
          videonineTartanNine.sortCode = 9;
          this.videonineTartanNine = videonineTartanNine;
        }
      }
    },
    checkedImgArr() {
      //this.imgChecked()
    },
    childMethods1() {
      this.getOperation(this.operationId);
    },
    // 清除已选择得图片与视频
    onClone(index) {
      if (index == "oneTartan:1") {
        this.oneTartan = [];
      }
      if (index == "twoTartan:1") {
        this.twoTartanOne = [];
      }
      if (index == "twoTartan:2") {
        this.twoTartanTwo = [];
      }
      if (index == "fourTartan:1") {
        this.fourTartanOne = [];
      }
      if (index == "fourTartan:2") {
        this.fourTartanTwo = [];
      }
      if (index == "fourTartan:3") {
        this.fourTartanThree = [];
      }
      if (index == "fourTartan:4") {
        this.fourTartanFour = [];
      }
      if (index == "sixTartan:1") {
        this.sixTartanOne = [];
      }
      if (index == "sixTartan:2") {
        this.sixTartanTwo = [];
      }
      if (index == "sixTartan:3") {
        this.sixTartanThree = [];
      }
      if (index == "sixTartan:4") {
        this.sixTartanFour = [];
      }
      if (index == "sixTartan:5") {
        this.sixTartanFive = [];
      }
      if (index == "sixTartan:6") {
        this.sixTartanSix = [];
      }
      if (index == "nineTartan:1") {
        this.nineTartanOne = [];
      }
      if (index == "nineTartan:2") {
        this.nineTartanTwo = [];
      }
      if (index == "nineTartan:3") {
        this.nineTartanThree = [];
      }
      if (index == "nineTartan:4") {
        this.nineTartanFour = [];
      }
      if (index == "nineTartan:5") {
        this.nineTartanFive = [];
      }
      if (index == "nineTartan:6") {
        this.nineTartanSix = [];
      }
      if (index == "nineTartan:7") {
        this.nineTartanQi = [];
      }
      if (index == "nineTartan:8") {
        this.nineTartanBa = [];
      }
      if (index == "nineTartan:9") {
        this.nineTartanNine = [];
      }
      if (index == "videooneTartan:1") {
        this.videooneTartan = [];
      }
      if (index == "videotwoTartan:1") {
        this.videotwoTartanOne = [];
      }
      if (index == "videotwoTartan:2") {
        this.videotwoTartanTwo = [];
      }
      if (index == "videofourTartan:1") {
        this.videofourTartanOne = [];
      }
      if (index == "videofourTartan:2") {
        this.videofourTartanTwo = [];
      }
      if (index == "videofourTartan:3") {
        this.videofourTartanThree = [];
      }
      if (index == "videofourTartan:4") {
        this.videofourTartanFour = [];
      }
      if (index == "videosixTartan:1") {
        this.videosixTartanOne = [];
      }
      if (index == "videosixTartan:2") {
        this.videosixTartanTwo = [];
      }
      if (index == "videosixTartan:3") {
        this.videosixTartanThree = [];
      }
      if (index == "videosixTartan:4") {
        this.videosixTartanFour = [];
      }
      if (index == "videosixTartan:5") {
        this.videosixTartanFive = [];
      }
      if (index == "videosixTartan:6") {
        this.videosixTartanSix = [];
      }
      if (index == "videonineTartan:1") {
        this.videonineTartanOne = [];
      }
      if (index == "videonineTartan:2") {
        this.videonineTartanTwo = [];
      }
      if (index == "videonineTartan:3") {
        this.videonineTartanThree = [];
      }
      if (index == "videonineTartan:4") {
        this.videonineTartanFour = [];
      }
      if (index == "videonineTartan:5") {
        this.videonineTartanFive = [];
      }
      if (index == "videonineTartan:6") {
        this.videonineTartanSix = [];
      }
      if (index == "videonineTartan:7") {
        this.videonineTartanQi = [];
      }
      if (index == "videonineTartan:8") {
        this.videonineTartanBa = [];
      }
      if (index == "videonineTartan:9") {
        this.videonineTartanNine = [];
      }
    }
  }
};
</script>

<style lang="scss" scoped>
.timeClassifyWhole {
  .mainPart_filter {
    width: 100%;
    height: 36px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    .mainPart_filter_time {
      width: 420px;
      height: 36px;
      display: flex;
      position: relative;
      .ant-calendar-picker-input.ant-input {
        width: 260px !important;
      }
      .one {
        width: 14px;
        height: 16px;
        //background-image: url(../../../../images/home-showAll/icon-time.png);
        background-size: cover !important;
        background-size: 100% 100% !important;
        position: absolute;
        left: 40%;
        top: 25%;
      }
      .two {
        width: 14px;
        height: 16px;
        //background-image: url(../../../../images/home-showAll/icon-time.png);
        background-size: cover !important;
        background-size: 100% 100% !important;
        position: absolute;
        right: 6%;
        top: 25%;
      }
      .startTimeApply {
        position: absolute;
        top: 20%;
        left: 12%;
        color: rgb(128, 128, 128);
      }
      .endTimeApply {
        position: absolute;
        top: 20%;
        right: 12%;
        color: rgb(128, 128, 128);
      }
    }
    .mainPart_filter_but {
      height: 36px;
      display: flex;
      align-items: center;
      margin-left: -150px;
      .delete {
        cursor: pointer;
        width: 90px;
        height: 36px;
        background-image: linear-gradient(#e5743d, #e5743d),
          linear-gradient(#2090bc, #2090bc);
        background-blend-mode: normal, normal;
        border-radius: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 20px;
        img {
          width: 18px;
          height: 18px;
          margin-right: 5px;
        }
        span {
          font-family: MicrosoftYaHei;
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #ffffff;
          margin-left: 5px;
        }
      }
      .download,
      .edit {
        cursor: pointer;
        width: 90px;
        height: 36px;
        background-color: #0078b6;
        background-blend-mode: normal, normal;
        border-radius: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 20px;
        img {
          width: 18px;
          height: 18px;
          margin-right: 5px;
        }
        span {
          font-family: MicrosoftYaHei;
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #ffffff;
          margin-left: 5px;
        }
      }
      .report {
        cursor: pointer;
        width: 130px;
        height: 36px;
        background-color: #0078b6;
        border-radius: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 20px;
        img {
          width: 18px;
          height: 18px;
          margin-right: 5px;
        }
        span {
          font-family: MicrosoftYaHei;
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #ffffff;
          margin-left: 5px;
        }
      }
    }
    .mainPart_filter_tab {
      .ant-radio-group {
        height: 36px;
        border-radius: 10px;
        border: solid 1px #0078b6;
        .ant-radio-button-wrapper {
          background: none;
          font-family: MicrosoftYaHei;
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #0078b6;
          height: 100%;
          border-top: 0;
          border-bottom: 0;
          border: 0;
        }
      }
    }
  }
  .mainPart_filter1 {
    width: 100%;
    height: 36px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    .mainPart_filter_time {
      width: 420px;
      height: 36px;
      display: flex;
      position: relative;
      .ant-calendar-picker-input.ant-input {
        width: 260px !important;
      }
      .one {
        width: 14px;
        height: 16px;
        //background-image: url(../../../../images/home-showAll/icon-time.png);
        background-size: cover !important;
        background-size: 100% 100% !important;
        position: absolute;
        left: 40%;
        top: 25%;
      }
      .two {
        width: 14px;
        height: 16px;
        //background-image: url(../../../../images/home-showAll/icon-time.png);
        background-size: cover !important;
        background-size: 100% 100% !important;
        position: absolute;
        right: 6%;
        top: 25%;
      }
      .startTimeApply {
        position: absolute;
        top: 20%;
        left: 12%;
        color: rgb(128, 128, 128);
      }
      .endTimeApply {
        position: absolute;
        top: 20%;
        right: 12%;
        color: rgb(128, 128, 128);
      }
    }
    .mainPart_filter_but {
      height: 36px;
      display: flex;
      align-items: center;
      margin-left: -150px;
      .delete {
        cursor: pointer;
        width: 90px;
        height: 36px;
        background-image: linear-gradient(#e55264, #e55264),
          linear-gradient(#2090bc, #2090bc);
        background-blend-mode: normal, normal;
        border-radius: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 20px;
        img {
          width: 18px;
          height: 18px;
          margin-right: 5px;
        }
        span {
          font-family: MicrosoftYaHei;
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #ffffff;
          margin-left: 5px;
        }
      }
      .download,
      .edit {
        cursor: pointer;
        width: 90px;
        height: 36px;
        background-color: #2091bd;
        background-blend-mode: normal, normal;
        border-radius: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 20px;
        img {
          width: 18px;
          height: 18px;
          margin-right: 5px;
        }
        span {
          font-family: MicrosoftYaHei;
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #ffffff;
          margin-left: 5px;
        }
      }
      .report {
        cursor: pointer;
        width: 130px;
        height: 36px;
        background-color: #2091bd;
        border-radius: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 20px;
        img {
          width: 18px;
          height: 18px;
          margin-right: 5px;
        }
        span {
          font-family: MicrosoftYaHei;
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #ffffff;
          margin-left: 5px;
        }
      }
    }
    .mainPart_filter_tab {
      .ant-radio-group {
        height: 36px;
        border-radius: 10px;
        border: solid 1px #2091bd;
        .ant-radio-button-wrapper {
          background: none;
          font-family: MicrosoftYaHei;
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #2091bd;
          height: 100%;
          border-top: 0;
          border-bottom: 0;
          border: 0;
        }
      }
    }
  }
  .content {
    width: 100%;
    margin-top: 20px;
    height: 620px;
    display: flex;
    .left {
      width: 25%;
      height: 620px;
      background: rgba(255, 255, 255, 0.7);
      .left_::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        position: absolute;
      }
      .left_::-webkit-scrollbar-thumb {
        background-color: #0078b6;
      }
      .left_::-webkit-scrollbar-thumb {
        border-radius: 4px;
      }
      .left_ {
        margin-top: 20px;
        overflow-x: hidden;
        overflow-y: auto;
        width: 97%;
        height: 600px;
        .radioStyle {
          display: block;
          width: 100%;
          height: 70px;
          //line-height: 70px;
          position: relative;
          margin-bottom: 20px;
          .radio {
            width: 60px;
            height: 90px;
            display: inherit;
            position: absolute;
            background-image: url(../../../../images/home-details/timerShaft.png);
          }
          .radioStyleTime {
            //line-height: 70px;
            height: 40px;
            position: absolute;
            left: 19px;
            top: 8px;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
            display: flex;
            flex-direction: column;
            justify-content: center;
          }
          .radioStyleImg {
            display: inherit;
            width: 70px;
            height: 70px;
            position: absolute;
            //line-height: 70px;
            right: 64px;
            display: flex;
            justify-content: center;
            overflow-x: hidden;
            border-radius: 10px;
            img {
              height: 70px;
              float: right;
              border-radius: 10px;
            }
            video {
              width: 70px;
              height: 70px;
              float: right;
              border-radius: 10px;
              object-fit: cover;
            }
            .fileImg {
              width: 60px;
              height: 70px;
            }
          }
        }
        .aRadioGroup:last-child {
          height: 70px;
          overflow: hidden;
          margin-bottom: 10px;
        }
      }
    }
    .right {
      width: 75%;
      height: 620px;
      background: rgba(255, 255, 255, 0.4);
      display: flex;
      align-items: center;
      justify-content: center;
      .filePage {
        width: 100%;
        height: 100%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow-x: hidden;
        img {
          height: 100%;
        }
        video {
          // width: 100%;
          height: 100%;
          object-fit: fill;
        }
        .showAudio {
          width: 450px;
          height: 450px;
          background-color: #f1f3f4;
          border-radius: 10px;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-around;
          img {
            width: 200px;
            height: 200px;
          }
        }
        .Loading {
          position: absolute;
          background: #fff;
          z-index: 10;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          display: flex;
          justify-content: center;
          align-items: center;
        }
      }
      .noData {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        left: 50%;
        z-index: 10;
        img {
          width: 75px;
          height: 95px;
        }
        span {
          font-size: 16px;
          color: #0078b6;
          line-height: 40px;
        }
      }
      .noData1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        left: 50%;
        z-index: 10;
        img {
          width: 75px;
          height: 95px;
        }
        span {
          font-size: 16px;
          color: #73777a;
          line-height: 40px;
        }
      }
    }
  }
  .butReset {
    width: 94px !important;
    height: 30px !important;
    border-radius: 30px !important;
    font-size: 16px !important;
    color: #0376b7 !important;
    border: 1px solid #0376b7 !important;
  }
  .butSave {
    width: 94px !important;
    height: 30px !important;
    border-radius: 30px !important;
    background-color: #0078b5 !important;
    font-size: 16px !important;
    color: #fff !important;
    margin-right: 40px !important;
  }
  .amodalReport {
    .messageShow {
      width: 100%;
      height: 700px;
      background: rgb(240, 240, 240);
      display: flex;
      flex-direction: column;
      align-items: center;
      overflow-y: auto;
      overflow-x: hidden;
      .title {
        width: 100%;
        height: 50px;
        line-height: 50px;
        display: flex;
        border-bottom: 1px solid #ddd;
        font-weight: bold;
        span {
          margin-left: 20px;
        }
      }
      .messagePassword {
        width: 98%;
        display: flex;
        flex-direction: column;
        padding-bottom: 20px;
        background: #fff;
        border-bottom: 1px #ddd solid;
        margin-top: 10px;
        border-radius: 10px;
        .mespassword {
          width: 60%;
          padding-left: 20px;
          padding-top: 20px;
        }
      }
      .message {
        width: 98%;
        display: flex;
        flex-direction: column;
        padding-bottom: 20px;
        background: #fff;
        border-bottom: 1px #ddd solid;
        margin-top: 10px;
        border-radius: 10px;
        .bottom {
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          .one {
            width: 50%;
            line-height: 40px;
            display: flex;
            .left {
              width: 20%;
              display: flex;
              padding-left: 20px;
            }
            .right {
              width: 60%;
              display: flex;
              padding-left: 20px;
            }
          }
        }
      }
      .mesVideo {
        margin-bottom: 10px;
      }
      .mesImg {
        width: 98%;
        display: flex;
        flex-direction: column;
        padding-bottom: 20px;
        background: #fff;
        border-bottom: 1px #ddd solid;
        margin-top: 10px;
        border-radius: 10px;
        .aIcon {
          font-size: 30px;
          color: rgb(147, 147, 147);
        }
        .Tartan_Tartan {
          width: 100%;
          height: 100%;
          overflow-x: hidden;
          display: flex;
          justify-content: center;
        }
        .seleImg {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
        }
        .bottom {
          width: 100%;
          .Tartan {
            width: 80%;
            padding: 10px 0;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            margin: 0 auto;
            .oneTartan {
              width: 200px;
              height: 200px;
              border: 1px solid #ddd;
              display: flex;
              align-items: center;
              justify-content: center;
              cursor: pointer;
              position: relative;
            }
            .twoTartan {
              position: relative;
              width: 200px;
              height: 200px;
              border: 1px solid #ddd;
              display: flex;
              align-items: center;
              justify-content: center;
              cursor: pointer;
              margin: 0 20px;
            }
            .sixTartan {
              width: 200px;
              height: 200px;
              border: 1px solid #ddd;
              display: flex;
              align-items: center;
              justify-content: center;
              cursor: pointer;
              margin: 10px 20px;
              position: relative;
            }
            .nineTartan {
              width: 200px;
              height: 200px;
              border: 1px solid #ddd;
              display: flex;
              align-items: center;
              justify-content: center;
              cursor: pointer;
              margin: 10px 20px;
              position: relative;
            }
          }
          .Tartan1 {
            width: 50%;
            height: 100%;
            display: flex;
            flex-wrap: wrap;
            margin: 0 auto;
            .fourTartan {
              width: 200px;
              height: 200px;
              border: 1px solid #ddd;
              display: flex;
              align-items: center;
              justify-content: center;
              cursor: pointer;
              margin: 10px 20px;
              position: relative;
            }
          }
          .videoClose {
            width: 15px;
            height: 15px;
            cursor: pointer;
            position: absolute;
            z-index: 10;
            right: 5px;
            top: 0;
            img {
              width: 15px;
              height: 15px;
            }
          }
        }
      }
    }
  }
  .selectFile {
    .file {
      display: flex;
      flex-wrap: wrap;
      .centent {
        padding: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 180px;
        height: 206px;
        margin: 7px;
        .file_img {
          width: 164px;
          height: 164px;
          overflow-x: hidden;
          display: flex;
          justify-content: center;
          img {
            height: 100%;
          }
        }
        .bottom {
          width: 100%;
          height: 20px;
          margin-top: 5px;
          display: flex;
          justify-content: space-between;
          align-items: center;
        }
      }
      .centent:hover {
        background-color: rgba(0, 120, 182, 0.2);
        border-radius: 4px;
        border: solid 1px #0078b6;
      }
      .videoFile {
        width: 164px;
        height: 164px;
        object-fit: cover;
      }
      .mesVideo {
        .seleImg {
          width: 200px;
          height: 200px;
        }
      }
    }
  }
  .selectVideoFile {
    .file {
      display: flex;
      flex-wrap: wrap;
      .centent {
        padding: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 180px;
        height: 206px;
        margin: 7px;
        img {
          width: 164px;
          height: 164px;
        }
        .bottom {
          width: 100%;
          height: 20px;
          display: flex;
          justify-content: space-between;
          align-items: center;
        }
      }
      .centent:hover {
        background-color: rgba(0, 120, 182, 0.2);
        border-radius: 4px;
        border: solid 1px #0078b6;
      }
      .videoFile {
        width: 164px;
        height: 164px;
        object-fit: cover;
      }
      .mesVideo {
        .seleImg {
          width: 200px;
          height: 200px;
        }
      }
    }
  }
}
</style>

<style>
.timeClassifyWhole
  .mainPart_filter1
  .ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background-color: #2091bd !important;
  color: #fff !important;
  border: 0 !important;
}
.timeClassifyWhole
  .mainPart_filter1
  .ant-radio-button-wrapper:not(:first-child)::before {
  background: #2091bd !important;
}
.timeClassifyWhole
  .mainPart_filter
  .ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background-color: #0078b6 !important;
  color: #fff !important;
  border: 0 !important;
}
.timeClassifyWhole
  .mainPart_filter
  .ant-radio-button-wrapper:not(:first-child)::before {
  background: #0078b6 !important;
}
.timeClassifyWhole .mainPart_filter_time .ant-calendar-picker-input {
  border: none !important;
  background: none !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-around !important;
}

.timeClassifyWhole .mainPart_filter_time .ant-calendar-range-picker-input {
  height: 34px !important;
  line-height: 34px !important;
  border-bottom: solid 1px #9d9d9d !important;
}

.timeClassifyWhole .mainPart_filter_time .ant-calendar-picker-clear,
.timeClassifyWhole .ant-calendar-picker-icon {
  background-color: none !important;
  position: absolute !important;
  left: 50% !important;
  width: 6px !important;
  height: 1px !important;
  background: #000 !important;
  transform: translate(-3px) !important;
  top: 70% !important;
}

.timeClassifyWhole .mainPart_filter_time .ant-calendar-range-picker-separator {
  color: rgba(255, 255, 255, 0) !important;
}

.timeClassifyWhole
  .mainPart_filter_time
  .anticon.anticon-close-circle.ant-calendar-picker-clear {
  position: absolute !important;
  left: 96% !important;
  top: 50% !important;
  border: none !important;
  background: none !important;
}
.timeClassifyWhole .content .left .ant-radio-group {
  width: 100%;
}
.timeClassifyWhole .content .left .ant-radio {
  display: none !important;
}
.timeClassifyWhole .ant-radio-wrapper-checked .radio {
  width: 60px !important;
  height: 90px !important;
  display: inherit !important;
  position: absolute !important;
  background-image: url(../../../../images/home-details/timerShaftSelect.png) !important;
}
.timeClassifyWhole .ant-radio-wrapper-checked .radioStyleTime {
  /* line-height: 70px !important; */
  position: absolute !important;
  left: 19px !important;
  font-size: 14px !important;
  font-family: Microsoft YaHei !important;
  font-weight: 400 !important;
  color: #0078b6 !important;
}
.timeClassifyWhole .editingVideo {
  width: 1560px !important;
  height: 700px !important;
}

.timeClassifyWhole .amodalReport .messageShow .mesImg .seleImg {
  object-fit: cover !important;
}
</style>